<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@include file="/template/page_config.jsp" %>

<style type="text/css">
    .rowProduct{
        padding-top:3px;
        padding-bottom:3px;
    }

    .rowProduct:hover{
        background-color:#C6C6C6;
    }

</style>
<div class="page_content">
    <div class="subject_content">
        <div class="title">${el:getLang("list_product",LANG)}</div>
    </div>
    <div class="data_content">
      
            <div class="rowProduct" style="float:left;width:100%;">
                <table cellpadding="0px" cellspacing="0px" style="text-align: left;width:100%;padding-left:5px;padding-right:5px">
                    <tr style="color:#777">
                        <th width="40%" style="text-align: left">${el:getLang('product_name',LANG)}</th>
                        <th width="10%" style="text-align: right">${el:getLang('price',LANG)}</th>
                        <th width="35%" style="text-align: center">${el:getLang('node',LANG)}</th>
                    </tr>
                    <c:set var="count" value="1"></c:set>
                    <c:forEach items="${requestScope.listProduct}" var="itemProduct">
                        <c:choose>
                            <c:when test="${count % 2 eq 0}">
                                <c:set var="styleRowOdd" value="background-color:#EBEBEB"></c:set>
                            </c:when>
                            <c:otherwise>
                                <c:set var="styleRowOdd" value="background-color:tranparent"></c:set>
                            </c:otherwise>
                        </c:choose>
                        <tr style="height:40px;${styleRowOdd}">
                            <td style="border-bottom:1px dotted #000">
                                <div style="margin-left:10px;font-size:13px;font-weight: bold;color:#494949">${itemProduct.name}</div>
                            </td>
                            <td style="text-align: right;border-bottom:1px dotted #000">
                               <div style="margin-left:10px;font-size:13px;font-weight: bold;color:#494949">${itemProduct.price}</div>
                            </td>
                            <td style="text-align: right;border-bottom:1px dotted #000">
                               <div style="margin-left:10px;font-size:13px;font-weight: bold;color:#494949">${itemProduct.note}</div>
                            </td>
                        </tr>
                        <c:set var="count" value="${count+1}"></c:set>
                    </c:forEach>
                </table>
            </div>
    </div>
</div>